import React from 'react';
import { Link } from 'react-router-dom';
import { Typography } from 'antd';
import { ArrowLeftOutlined, ApiOutlined } from '@ant-design/icons';

const { Title, Text } = Typography;

const PageHeader = () => {
  return (
    <div className="create-page-header">
      <Link to="/network" className="back-link">
        <ArrowLeftOutlined />
        返回列表
      </Link>
      <div className="page-title-section">
        <Title level={2}>
          <ApiOutlined style={{ marginRight: 8, color: '#1890ff' }} />
          创建新局域网
        </Title>
        <Text className="subtitle">配置您的局域网基本信息和连接设置</Text>
      </div>
    </div>
  );
};

export default PageHeader;